<!--
 * @Descripttion: 好人典型
 * @version: 1.0
 * @Author: 自由如风
 * @Date: 2021-04-25 14:37:12
 * @LastEditors: 自由如风
 * @LastEditTime: 2021-04-25 19:21:07
-->

<template>
  <BG :data="config.News.BG"></BG>
  <div class="container case mt">
    <div class="row">
      <div class="col-lg-3 col-xs-12 casepic" v-for="index in 8" :key="index">
        <div class="recent-work-wrap">
          <a href="">
            <img
              class="img-responsive"
              :src="config.Case.container[index - 1].src"
              alt=""
            />
            <div class="overlay">
              <div class="recent-work-inner">
                <p
                  style="
                    margin-top: 40%;
                    margin-bottom: 5%;
                    padding: 0;
                    font-size: 2rem;
                  "
                >
                  {{ config.Case.container[index - 1].p1 }}
                </p>
                <p>{{ config.Case.container.p2 }}</p>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import BG from "@/components/BG";
import { Options, Vue } from "vue-class-component";
@Options({
  components: { BG },
})
export default class extends Vue {}
</script>

<style>
</style>